<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/coommon.css">
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/index.css">
</head>

<body>
    <!-- 首栏 -->
    <div id='logochi' class="container-fuild">
        <div class="container nav clearfix">
            <img class="lgsh fl" src="./images/LOGO_02.jpg" alt="">
            <p class="fl">legochina.cn</p>
            <p class="fr">欢迎光临<span>乐购</span>请登录\<span>注册</span></p>
        </div>
    </div>
    <!-- 首栏右手 -->
    <div class="container left-colum clearfix">
        <div class="fr clearfix">
            <div class="fl seach">
                <input type="text">
            </div>
            <div class="fl shop">
                <p>购物车<span>3</span></p>
            </div>
            <div class="fl morder">
                <p>我的订单</p>
            </div>
        </div>
        <!-- 下方 -->
        <div class="list">
            <ul>
                <li>图书</li>
                <li>电子书</li>
                <li>原创文学</li>
                <li>服装</li>
                <li>户外运动</li>
                <li>孕童装</li>
                <li>家具</li>
                <li>创意文具</li>
                <li>地方特产</li>
                <li>海外购</li>
                <li>电器城</li>
            </ul>
        </div>
    </div>
    <div class="container">
        <!-- 左边列表 -->
        <div id="center" class="l-list ">
            <ul class="f-ul">
                <li>
                    <span>医术</span>
                    <span>电子书</span>
                    <span>童书</span>
                </li>
                <li>
                    <span>创意文具</span>
                </li>
                <li>
                    <span>服饰</span>
                    <span>内衣</span>
                </li>
                <li>
                    <span>鞋靴</span>
                    <span>箱包</span>
                </li>
                <li>
                    <span>户外运动</span>
                </li>
                <li>
                    <span>孕</span>
                    <span>婴</span>
                    <span>童</span>
                </li>
                <li>
                    <span>家居</span>
                    <span>家纺</span>
                    <span>汽车</span>
                </li>
                <li>
                    <span>家具</span>
                    <span>家装</span>
                    <span>康体</span>
                </li>
                <li>
                    <span>美妆</span>
                    <span>个人护理</span>
                    <span>成人</span>
                </li>
                <li>
                    <span>食品</span>
                    <span>生鲜</span>
                    <span>茶酒</span>
                </li>
                <li>
                    <span>腕表</span>
                    <span>珠宝</span>
                    <span>眼镜</span>
                </li>
                <li>
                    <span>手机</span>
                    <span>数码</span>
                </li>
                <li>
                    <span>电脑办公</span>
                </li>
                <li>
                    <span>家用电器</span>
                </li>
            </ul>
            <ul class="n-ul">
                1
            </ul>
        </div>
        <!-- 右边轮播 -->
        <div>

        </div>
    </div>

</body>

</html>